<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
  <title>SelectSpeed Selectors Test</title>	
	<link media="screen" type="text/css" href="style.css" rel="stylesheet"/>	
	<script type="text/javascript" src="testDefinition.js"></script>	
	<script type="text/javascript" src="prototype.js"></script>	
	<script type="text/javascript" src="selectSpeed.js"></script>	
</head>
<body>	
<div id="container">	
  <div id="header">
    <div id="intro">
      <h1><span>SelectSpeed</span></h1>
      <h2>javascript speed/validity tester for css selectors in multiple frameworks</h2>
      <ul>
        <li>Every framework runs in its own iframe, so no conflicts can happen.</li>
        <li>Tests are run selector by selector, with a delay between tests to prevent the browser from freeezing.</li>
        <li>Errors and incorrect results are assigned the time of their slowest peer for that selector.</li>
        <li>
          Tests are run against a local copy of 
          <a href="http://www.w3.org/TR/2001/CR-css3-selectors-20011113/">this document</a>.
        </li>
        <li>Feel free to <a href="">download</a> the code and modify testDefinition.js to add new selectors or frameworks.</li>
        <li>If you find any new selectors that don't work in construct, please <a href="">report it</a>.</li>
      </ul>
    </div>
  	<div id="controls">  	  
      <form>
  		  <label>Iterations per Selector</label> <input type="text" id="iterations" name="iterations"/><br />
        <label>Max Time per Selector (ms)</label> <input type="text" id="timeout" name="timeout"/><br />
    		<label>Timing Margin of Error (ms)</label> <input type="text" id="minMargin" name="minMargin"/>
    		<a id="startStop" href="#">loading test frames...</a>
      </form>
  	</div>	
  </div>
  <div id="content">
    <div id="resultTable"></div>
    <h2>Legend</h2>    
    <table id="legend">  
    	<tbody>
    	  <tr>
    	    <td class="fast">fast</td>
    	    <td>correct result</td>
          <td class="slow">slow</td> 
          <td class="exception">exception thrown</td>
          <td class="broken">incorrect result</td>
        </tr>
      </tbody>
    </table>  
  </div>  
  <div id="footer">
  	<p class="footer">Copyright &copy; 2008 
      <a href="http://brentbroome.com">Brent Broome</a> | MIT License |
      <a href="">Download</a> (svn) |
      Adopted from <a href="http://slickspeed.googlecode.com/">slickspeed</a> by mootools
    </p>
  </div>
</div>
</body>
</html>